<template>
  <el-row type="flex">
    <div class="consultation-view-panel">
      <div class="im-dialog-box">
        <div class="im-text-date">2018-01-29 12:12:00</div>
        <div class="im-text im-text-to">
          <div class="clearfix">
            <span class="head-icon float-right">
              <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="">
            </span>
            <div class="message-desc float-right">用户提问用户提问用户提问用户提问用户提问用户提问用户提问用户提问用户提问用户提问用户提问</div>
          </div>
        </div>
        <div class="im-text-date">2018-01-29 12:12:00</div>
        <div class="im-text im-text-from">
          <div class="clearfix">
            <span class="head-icon float-left">
              <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="">
            </span>
            <div class="message-desc float-left">医生回复医生回复医生回复医生回复</div>
          </div>
        </div>
        <div class="im-text im-text-from">
          <div class="clearfix">
            <span class="head-icon float-left">
              <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="">
            </span>
            <div class="message-desc float-left">医生回复医生回复医生回复医生回复</div>
          </div>
        </div>
        <div class="im-text-date">2018-01-29 12:12:00</div>
        <div class="im-text im-text-to">
          <div class="clearfix">
            <span class="head-icon float-right">
              <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="">
            </span>
            <div class="message-desc float-right">医生回复医生回复医生回复医生回复</div>
          </div>
        </div>
        <div class="im-text-date">2018-01-29 12:12:00</div>
        <div class="im-text im-text-from">
          <div class="clearfix">
            <span class="head-icon float-left">
              <img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=3448484253,3685836170&fm=27&gp=0.jpg" alt="">
            </span>
            <div class="message-desc float-left">医生回复医生回复医生回复医生回复</div>
          </div>
        </div>
      </div>
      <div class="im-send-box margin-top-20">
        <el-row>
          <el-input
            type="textarea"
            :rows="3"
            placeholder="请输入病情描述……"
            v-model="sendText">
          </el-input>
        </el-row>
        <el-row class="margin-top-20" type="flex" justify="space-between">
          <el-upload
            action="https://jsonplaceholder.typicode.com/posts/">
            <el-button type="primary" size="small"><i class="el-icon-picture el-icon--left"></i>图片</el-button>
          </el-upload>
          <el-button type="success" size="small" class="padding-40">发送</el-button>
        </el-row>
      </div>
    </div>
    <PetInfo/>
  </el-row>
</template>

<script>
import PetInfo from '@/components/consultation/pet/Info.vue'

export default {
  data () {
    return {
      sendText: ''
    }
  },
  components: {
    PetInfo
  },
  methods: {
    onSubmit() {
      console.log('submit!');
    },
    handleChange() {
      console.log(this.form.isMedicalHistory);
    },
    handleRemove(file, fileList) {
      console.log(file, fileList);
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    }
  }
}
</script>
